<template>
  <div class="oxygencontent">
    <div class="wrapper">
      <div class="header">
        <el-form :inline="true" size="small" label-width="84px">
          <div>
            <el-form-item label="组织机构：">
              <el-select v-model="search.organization" placeholder="请选择">
                <el-option
                  v-for="item in organizations"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                />
              </el-select>
            </el-form-item>
            <el-form-item label="厂区：">
              <el-select v-model="search.factory" placeholder="请选择">
                <el-option
                  v-for="item in factorys"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                />
              </el-select>
            </el-form-item>
            <el-form-item label="楼层：">
              <el-select v-model="search.floor" placeholder="请选择">
                <el-option
                  v-for="item in floors"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                />
              </el-select>
            </el-form-item>

            <el-form-item>
              <el-button type="primary" size="mini">基准曲线</el-button>
              <el-button type="primary" size="mini">查询</el-button>
            </el-form-item>
          </div>

          <div>
            <el-form-item label="线别：">
              <el-select v-model="search.line" placeholder="请选择">
                <el-option
                  v-for="item in lines"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                />
              </el-select>
            </el-form-item>
            <el-form-item label="高温炉：">
              <el-select v-model="search.furnace" placeholder="请选择">
                <el-option
                  v-for="item in furnaces"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                />
              </el-select>
            </el-form-item>
            <el-form-item label="轨道：">
              <el-select v-model="search.track" placeholder="请选择">
                <el-option
                  v-for="item in tracks"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                />
              </el-select>
            </el-form-item>
          </div>
        </el-form>
      </div>

      <div class="charts">
        <div></div>
      </div>

      <div class="eltable">
        <el-table
          style="width: 100%"
          row-key="id"
          border
          :header-cell-style="{ 'background-color': '#EEEEEE' }"
        >
          <el-table-column
            prop="temperature"
            width="160"
            label="PPM"
          ></el-table-column>
          <el-table-column
            prop="temparea"
            label="通道1"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="temparea"
            label="通道2"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="temparea"
            label="通道3"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="temparea"
            label="通道4"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="temparea"
            label="通道5"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="temparea"
            label="通道6"
            show-overflow-tooltip
          ></el-table-column>
        </el-table>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "oxygencontent",
  data() {
    return {
      search: {
        organization: "",
        factory: "",
        floor: "",
        line: "",
        furnace: "",
        track: "",
      },
      datainfo: {
        name: "xxx产品名称",
        technics: "xxx工艺",
        outinnums: "18/10",
        basespeed: "80/90",
        productsn: "20210301001",
        batch: "20210301",
        intime: "2021-03-01 14:32",
        outtime: "2021-03-01 14:55",
        outtemp: "40℃",
      },
      organizations: [],
      factorys: [],
      floors: [],
      lines: [],
      furnaces: [],
      tracks: [],
    };
  },
};
</script>

<style lang="scss" scoped>
.oxygencontent {
  padding: 30px;
}
</style>